﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Awaited Games</title>
    <link rel="Stylesheet" type="text/css" href="GameStyle.css" />
    
    <script type="text/javascript" src="TimerScript.js"></script>
</head>
<body onload="startTimer()">
    <div>
        <ul class="mainRow">
            <li class="gameName">
                Game
            </li>
            <li class="releaseDate">
                Release Date
            </li>
            <li class="timeToRelease">
                Time Left to Release
            </li>
            <li class="betaDate">
                Beta Date
            </li>
            <li class="timeToBeta">
                Time Left to Beta
            </li>
        </ul>
        <ul>
            <li class="gameName">
                <img src="icons/swtor.jpg" class="icon" /><a href="http://www.swtor.com/">SWTOR</a>
            </li>
            <li class="releaseDate">December 22</li>
            <li class="timeToRelease"><input type="text" id="swtor" readonly="readonly" />
            </li>
            <li class="betaDate"></li>
            <li class="timeToBeta"></li>
        </ul>
        <ul>
            <li class="gameName">
                <img src="icons/diablo.jpg" class="icon" /><a href="http://eu.battle.net/d3/en/">Diablo 3</a>
            </li>
            <li class="releaseDate">TBA</li>
            <li class="timeToRelease"><input type="text" id="diablo" readonly="readonly" />
            </li>
            <li class="betaDate"></li>
            <li class="timeToBeta"></li>
        </ul>
        <ul>
            <li class="gameName">
                <img src="icons/SChots.jpg" class="icon" />
                <a href="http://eu.battle.net/sc2/en/game/heart-of-the-swarm-preview/">Starcraft: Heart of The Swarm</a>
            </li>
            <li class="releaseDate">TBA</li>
            <li class="timeToRelease"><input type="text" id="SC" readonly="readonly" /></li>
            <li class="betaDate"></li>
            <li class="timeToBeta"></li>
        </ul>
        <ul>
            <li class="gameName">
                <img src="icons/MMH6.jpg" class="icon" />
                <a href="http://might-and-magic.ubi.com/heroes-6/en-GB/home/">Heroes of Might and Magic 6</a>
            </li>
            <li class="releaseDate">October 13</li>
            <li class="timeToRelease"><input type="text" id="hmm6" readonly="readonly" /></li>
            <li class="betaDate">NOW</li>
            <li class="timeToBeta"></li>
        </ul>
        <ul>
            <li class="gameName">
                <img src="icons/arkhamCity.jpg" class="icon" /> <a href="http://community.batmanarkhamcity.com/">Batman: Arkham City</a>
            </li>
            <li class="releaseDate">November 1</li>
            <li class="timeToRelease"><input type="text" id="batman" readonly="readonly" />
            </li>
            <li class="betaDate"></li>
            <li class="timeToBeta"></li>
        </ul>
        <ul>
            <li class="gameName">
                <img src="icons/assassin.jpg" class="icon" style="width:50px"/>
                <a href="http://assassinscreed.ubi.com/revelations/en-GB/home/">Assassin's Creed II: Revelations</a>
            </li>
            <li class="releaseDate">November 15</li>
            <li class="timeToRelease"><input type="text" id="assassin" readonly="readonly" />
            </li>
            <li class="betaDate"></li>
            <li class="timeToBeta"></li>
        </ul>
        <ul>
            <li class="gameName">
                <img src="icons/darksiders2.jpg" class="icon" /><a href="http://en.wikipedia.org/wiki/Darksiders_2">Darksiders II</a>
            </li>
            <li class="releaseDate">TBA</li>
            <li class="timeToRelease"><input type="text" id="darksiders" readonly="readonly" /></li>
            <li class="betaDate"></li>
            <li class="timeToBeta"></li>
        </ul>
        <ul>
            <li class="gameName">
                <img src="icons/prototype.png" class="icon" /><a href="http://www.prototypegame.com/">Prototype 2</a>
            </li>
            <li class="releaseDate">TBA</li>
            <li class="timeToRelease"><input type="text" id="prototype" readonly="readonly" />
            </li>
            <li class="betaDate"></li>
            <li class="timeToBeta"></li>
        </ul>
    </div>
</body>
</html>